
<!DOCTYPE html>
<html>
<head>
		<meta charset="utf-8">
        <link href="/static/plugin/bootstrap/css/bootstrap.css" rel='stylesheet' type='text/css' />
		<link href="/static/css/usermanage.css" rel='stylesheet' type='text/css' />
		<link href="/static/css/common.css" rel='stylesheet' type='text/css' />
		<meta name="viewport" content="width=device-width, initial-scale=1">
        <title>主机管理系统</title>
</head>
<body>
	<div class="main">
		<div class="header" >
			<h1>主机管理系统</h1>
            <p></p>
		</div>
{#        <form action="/index/" method="post">#}
{#            <ul class="left-form">#}
            <ul style="margin: 20px">
                <div>
                    <a href="/create_host/" style="margin-left: 300px">添加主机</a>
                    <a href="/del_host/" style="margin-left: 100px">删除主机</a>
                    <a href="/update_host/" style="margin-left: 100px">更新主机</a>
                    <input type="text" >
                </div>
            </ul>
            <ul style="margin: 20px">
                <h2>HOST List:</h2>
                <div>
                    <table class="table table-hover table-striped">
                        <thead>
                            <tr>
                                <th>主机ID</th>
                                <th>主机名</th>
                                <th>IP地址</th>
                                <th>主机组</th>
                                <th>业务线</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for line in hosts %}
                                <tr>
                                    <td>{{ line.hostid }}</td>
                                    <td>{{ line.hostname }}</td>
                                    <td>{{ line.ip }}</td>
                                    <td>{{ line.hostgroup }}</td>
                                    <td>{{ line.business }}</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </ul>
{#        </form>#}

        <p></p>
    </div>
    <div class="bottom"></div>
</body>
</html>